<h1>Produtos em minha cesta de compras</h1>
<div id="carrinho-container">
<?php
$this->LoadComponent('galeria/album', 'galbum');
$url = $this->Html->getLink("loja");
$msg_empty  = "<h3>Não existe nenhum produto no carrinho";
$msg_empty .= "<a href='$url'>Clique aqui</a> para voltar à página inicial da loja.</h3>";
if(empty ($carrinho_itens)){
    echo $msg_empty;
}
else{
    $total = 0;
    foreach($carrinho_itens as $var){
        //print_r($var);
        extract($var);
        $subtotal = $preco * $qtd;
        $total   += $subtotal;
        $link = $this->galbum->getLinkCapa($album['cod_album'], 'medium');
        $link_up_down = $this->Html->getLink('loja/carrinho/alterar/' . $cod_produto . "/");
    ?>
        <div id="carrinho_<?php echo $cod_produto;?>" class="carrinho-item" style="height: 180px; overflow: auto; border-bottom: 1px solid gray; padding-top: 5px;">
            <a href="<?php echo $this->Html->getLink("loja/produto/show/$cod_produto/". GetPlainName($pnome)); ?>">
                <div class="carrinho-item-info" style="float: left; padding-right: 15px;">
                    <img src="<?php echo $link; ?>"/>
                </div>
            </a>
            <div class="carrinho-item-info">
                <a href="<?php echo $this->Html->getLink("loja/produto/show/$cod_produto/". GetPlainName($pnome)); ?>">
                    <h2><?php echo $pnome; ?></h2>
                </a>
                <p align="left">Preço: R$ <?php echo number_format($preco, 2, ",", "."); ?></p> 
                <p align="left">Subtotal: R$ <span id="subtotal"><?php echo number_format($subtotal, 2, ",", "."); ?></span></p> 
                <div class='int-up-down'>
                    <span style="float: left;">Quantidade: </span>
                    <input id="quantidade" style="float: left; width: 30px; margin:0px 8px;" type="text" value="<?php echo $qtd; ?>" class="carrinho-item-qtd"/> 
                    <a href="<?php echo $link_up_down; ?>" class="up"><?php echo $this->Html->LoadImage('mais.gif');?></a>
                    <a href="<?php echo $link_up_down; ?>" class="down"><?php echo $this->Html->LoadImage('menos.gif');?></a>
                    <input id="estoque"    type="hidden" value="<?php echo $estoque; ?>"/> 
                    <input id="fimestoque" type="hidden" value="<?php echo $fimestoque; ?>"/> 
                    <br/><span id='cart-response' style="color: red; float: left;"></span>
                </div>
                <br/><br/>
                <a href="<?php echo $this->Html->getLink("loja/produto/show/$cod_produto/". GetPlainName($pnome)); ?>">
                    <?php echo $this->Html->LoadImage('detalhes.gif');?>
                </a>
                <a href="<?php echo $this->Html->getLink("loja/carrinho/apagar/$cod_produto/"); ?>" class="cart-remove">
                    <?php echo $this->Html->LoadImage('excluir.jpg');?>
                </a>
            </div>
        </div>
    <?php
    }
    if($total != 0){
    ?>
    <div id="cart-finalizar">
        <p align="right">Total: R$ <span id="total"><?php echo number_format($total, 2, ",", "."); ?><span></p>
        <p align="right">
            <a href="<?php echo $this->Html->getLink('loja/carrinho/finalizar'); ?>" 
               class='cart-finalizar'> Finalizar Compra
            </a>
        </p>
    </div>
    <?php }?>
    <script type='text/javascript'>
    $(document).ready(function() { 

       function cart_alter_qtd(obj, qtd, url) {
           if(qtd > 0){
               var obj_qtd = obj.children('#quantidade');
               var obj_stt = obj.parent().children('p').children('#subtotal');
               var link    = url + qtd;

               $.ajax({
                    url: link,
                    type: 'POST',
                    timeout: '600',
                    data: 'ajax=true',
                    dataType: 'json',

                    success: function(json) {
                        if(json.status == 1){
                            obj_qtd.attr('value', qtd);
                            obj_stt.html(json.subtotal);

                            $('#total').html(json.total);
                            $('#cart-superior-valor').html(json.total);
                            obj.children('#cart-response').hide();
                        }else{
                            obj.children('#cart-response').html(json.response).fadeIn(1200);
                            obj_qtd.attr('value', json.estoque);
                        }
                    }
               });
               return false;
           }
           return false;
       }

       $('.carrinho-item-qtd').live('keyup', function(){
            var total = $(this).attr('value');
            cart_alter_qtd($(this).parent(), total, $(this).parent().children('a.up').attr('href'));
       });

       $('a.up').live('click', function(){
           var total   = $(this).parent().children('#quantidade').attr('value');
           total++;
           cart_alter_qtd($(this).parent(), total, $(this).attr('href'));
           return false;
       });

       $('a.down').live('click', function(){
           var total = $(this).parent().children('#quantidade').attr('value');
           total--;
           cart_alter_qtd($(this).parent(), total, $(this).attr('href'));
           return false;
       });

       $('a.cart-remove').live('click', function(){
           var id = $(this).parent().parent().attr('id');
           var link = $(this).attr('href');
           $.ajax({
                url: link,
                type: 'POST',
                data: 'ajax=true',
                dataType: 'json',
                success: function(json) {
                    if(json.status == 1){
                        $('#'+id).fadeOut(800);
                        $('#total').html(json.total);
                        $('#cart-superior-valor').html(json.total);
                        $('#cart-superior-qtd').html(json.numitens);
                        if(json.numitens == 0){
                            $('#carrinho-container').html("<?php echo $msg_empty; ?>");
                        }
                    }else{
                        alert(json.response);
                    }
                }
           });
           return false;
       });

    });
    </script>
<?php }?>
</div>